<template>
  <div>
    <div class="stricky-header stricked-menu main-menu">
      <div class="sticky-header__content"></div>
    </div>
    <section class="page-header">
      <div
        class="page-header__bg"
        style="
          background-image: url(assets/images/backgrounds/page-header-bg-1-1.jpg);
        "
      ></div>

      <div class="container">
        <h2>Contact</h2>
        <ul class="thm-breadcrumb list-unstyled">
          <li>
            <a
              href="index.html"
              tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/index.html"
              >Home</a
            >
          </li>
          <li>/</li>
          <li><span>Contact</span></li>
        </ul>
      </div>
    </section>
    <section class="contact-one">
      <img
        src="assets/images/shapes/contact-bg-1-1.png"
        tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/shapes/contact-bg-1-1.png"
        alt=""
        class="contact-one__shape-1"
      />
      <img
        src="assets/images/shapes/contact-bg-1-2.png"
        tppabs="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/images/shapes/contact-bg-1-2.png"
        alt=""
        class="contact-one__shape-2"
      />
      <div class="container">
        <div class="block-title text-center">
          <div class="block-title__decor"></div>
          <p>Get in Touch With Us</p>
          <h3>
            Do You鈥檝e Any Question? <br />
            Write us a Message
          </h3>
        </div>
        <form
          action="https://www.17sucai.com/preview/776298/2021-05-10/oganik/assets/inc/sendemail.php"
          class="contact-form-validated contact-one__form"
        >
          <div class="row">
            <div class="col-md-6">
              <input type="text" name="name" placeholder="Your Name" />
            </div>
            <div class="col-md-6">
              <input type="text" placeholder="Email Address" name="email" />
            </div>
            <div class="col-md-6">
              <input type="text" placeholder="Phone Number" name="phone" />
            </div>
            <div class="col-md-6">
              <input type="text" placeholder="Subject" name="subject" />
            </div>
            <div class="col-md-12">
              <textarea placeholder="Write a Message" name="message"></textarea>
            </div>
            <div class="col-md-12 text-center">
              <button type="submit" class="thm-btn">Send a Message</button>
            </div>
          </div>
        </form>
      </div>
    </section>
    <section class="contact-infos">
      <div class="container">
        <div
          class="thm-tiny__slider"
          id="contact-infos-box"
          data-tiny-options='{
            "container": "#contact-infos-box",
            "items": 1,
            "slideBy": "page",
            "gutter": 0,
            "mouseDrag": true,
            "autoplay": true,
            "nav": false,
            "controlsPosition": "bottom",
            "controlsText": ["<i class=\"fa fa-angle-left\"></i>", "<i class=\"fa fa-angle-right\"></i>"],
            "autoplayButtonOutput": false,
            "responsive": {
                "640": {
                  "items": 2,
                  "gutter": 30
                },
                "992": {
                  "gutter": 30,
                  "items": 3
                },
                "1200": {
                  "disable": true
                }
              }
        }'
        >
          <div>
            <div class="contact-infos__single">
              <i class="organik-icon-location"></i>
              <h3>Visit Anytime</h3>
              <p>
                66 Broklyn Golden Street, <br />
                New York. USA
              </p>
            </div>
          </div>
          <div>
            <div class="contact-infos__single">
              <i class="organik-icon-email"></i>
              <h3>Send Email</h3>
              <p>
                <a
                  href="javascript:if(confirm('https://www.17sucai.com/cdn-cgi/l/email-protection  \n\n该文件无法用 Teleport Ultra 下载, 因为 它是一个域或路径外部被设置为它的启始地址的地址。  \n\n你想在服务器上打开它?'))window.location='https://www.17sucai.com/cdn-cgi/l/email-protection#79171c1c1d111c150939160b1e18171012571a1614'"
                  tppabs="https://www.17sucai.com/cdn-cgi/l/email-protection#79171c1c1d111c150939160b1e18171012571a1614"
                  ><span
                    class="__cf_email__"
                    data-cfemail="127c7777767a777e62527d6075737c7b793c717d7f"
                    >[email&#160;protected]</span
                  ></a
                >
                <br />
                <a
                  href="javascript:if(confirm('https://www.17sucai.com/cdn-cgi/l/email-protection  \n\n该文件无法用 Teleport Ultra 下载, 因为 它是一个域或路径外部被设置为它的启始地址的地址。  \n\n你想在服务器上打开它?'))window.location='https://www.17sucai.com/cdn-cgi/l/email-protection#355c5b535a75565a5845545b4c1b565a58'"
                  tppabs="https://www.17sucai.com/cdn-cgi/l/email-protection#355c5b535a75565a5845545b4c1b565a58"
                  ><span
                    class="__cf_email__"
                    data-cfemail="6f060109002f0c00021f0e0116410c0002"
                    >[email&#160;protected]</span
                  ></a
                >
              </p>
            </div>
          </div>
          <div>
            <div class="contact-infos__single">
              <i class="organik-icon-calling"></i>
              <h3>Call Center</h3>
              <p>
                <a href="tel:92-666-888-0000">92 666 888 0000</a> <br />
                <a href="tel:666-000-6666">666 000 6666</a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <div class="google-map__default"></div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
</style>